import React, { Component } from 'react';
import { observer, inject } from 'mobx-react';
import { withRouter, Route } from 'react-router-dom';
import { Button } from 'weaver-mobile';
import { RouteLayout } from 'weaver-mobile-page';
import "../../style/btn.less"
@inject('CollectionListStore')
@withRouter
@observer
export default class Test extends React.Component {
  onMouseOver = ()=>{
    document.querySelector('.btn').setAttribute("class", "mouseover btn")
  }
  onMouseLeave = () =>{
    document.querySelector('.btn').setAttribute("class", "btn")
  }
  render() {
    const { history, CollectionListStore } = this.props;
    const { layout } = CollectionListStore;
    return (
      <div>
        <div className={'btn'} onMouseOver={()=>{this.onMouseOver()}} onMouseLeave={()=>{this.onMouseLeave()}}>按钮</div>
      </div>
    );
  }
}